<template>
 <div>

        <el-pagination
          background
          layout="prev, pager, next, sizes, jumper"
          :total="counts"
          :page-size="currentSize"
          :current-page="currentPage"
          :page-sizes="[5, 10, 20, 50]"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        >
        </el-pagination>
</div>
</template>
<script>
export default {
  name: '',
  data () {
    return {
      counts: 0,
      pages: 0,
      list: [],
      currentPage: 1,
      currentSize: 5
    }
  },
  created () {
  },
  computed: {

  },
  methods: {

  }
}
</script>
<style lang='scss'  scoped>

</style>
